<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
<title>long</title>
<%@ include file="/commonjsp/baseUtil.jsp"%>
<script type="text/javascript" src="${pageContext.request.contextPath}/js_customer/index.js"></script>
<script>
	$(function() {
		$("#tabs").tabs();
		$( "#accordion" ).accordion({
			heightStyle: "content"
		});
	});
</script>
</head>
<body>
	<table id="main" width="100%">
		<!-- 第一行头部 -->
		<tr>
			<td>
				<jsp:include page="/commonjsp/header.jsp"></jsp:include>
			</td>
		</tr>
		<tr>
			<td>
			<table width="100%">
				<tr style="width: 100%;">
					<td style="width: 10%;"></td>
					<td style="width: 80%;" class="border_bottom">
						<table width="100%" class="advertisement">
							<tr>
								<td style="width: 20%;">广告位招租</td>
								<td style="width: 20%;">广告位招租</td>
								<td style="width: 20%;">广告位招租</td>
								<td style="width: 20%;">广告位招租</td>
								<td style="width: 20%;">广告位招租</td>
							</tr>
							<tr>
								<td style="width: 20%;">广告位招租</td>
								<td style="width: 20%;">广告位招租</td>
								<td style="width: 20%;">广告位招租</td>
								<td style="width: 20%;">广告位招租</td>
								<td style="width: 20%;">广告位招租</td>
							</tr>
							<tr>
								<td style="width: 20%;">广告位招租</td>
								<td style="width: 20%;">广告位招租</td>
								<td style="width: 20%;">广告位招租</td>
								<td style="width: 20%;">广告位招租</td>
								<td style="width: 20%;">广告位招租</td>
							</tr>
							<tr>
								<td style="width: 20%;">广告位招租</td>
								<td style="width: 20%;">广告位招租</td>
								<td style="width: 20%;">广告位招租</td>
								<td style="width: 20%;">广告位招租</td>
								<td style="width: 20%;">广告位招租</td>
							</tr>
						</table>
					</td>
					<td style="width: 10%;"></td>
				</tr>
				</table>
			</td>
		</tr>
		<tr>
			<td>
				<table width="100%">
					<tr style="width: 100%;">
						<td style="width: 10%;"></td>
						<td style="width: 80%;" class="border_bottom"><span> <!-- <button style="height: 18px; margin-top: -5px;"
									class="ui-button ui-widget ui-state-default ui-corner-all ui-button-icon-only"
									role="button" aria-disabled="false">
									<span class="ui-icon ui-icon-arrowthick-1-sw"></span>
								</button> --> 帖子总数：4390360
								&nbsp;|&nbsp;一周新帖：6859&nbsp;|&nbsp;会员数：94347&nbsp;|&nbsp;一周新会员：853&nbsp;|&nbsp;昨日：5368&nbsp;|&nbsp;今日：2350&nbsp;|&nbsp;
								欢迎新会员：admiw&nbsp;&nbsp;<a href="#" style="float: right;">查看新帖</a>
						</span></td>
						<td style="width: 10%;"></td>
					</tr>
				</table>
			</td>
		</tr>
		<tr>
			<td>
				<table width="100%">
					<tr style="width: 100%;">
						<td style="width: 10%;"></td>
						<td style="width: 80%;" class="border_bottom">
							<table>
								<tr>
									<td>
										<div id="imgADPlayer"></div>
									</td>
									<td width="55%">
										<div id="tabs">
											<ul>
												<li><a href="#header_tabs-1">最新帖子</a></li>
												<li><a href="#header_tabs-2">最新回复</a></li>
												<li><a href="#header_tabs-3">本周热门</a></li>
											</ul>
											<div id="header_tabs-1" class="header_tabs">
												<table>
													<tr>
														<td><a href="#">Proin elit arcu,</a></td>
													</tr>
													<tr>
														<td>rutrum commodo, </td>
													</tr>
													<tr>
														<td>vehicula tempus,</td>
													</tr>
													<tr>
														<td>commodo a, risus.</td>
													</tr>
												</table>
											</div>
											<div id="header_tabs-2" class="header_tabs">
												<p>Morbi tincidunt, dui sit amet facilisis feugiat, odio metus gravida ante, ut pharetra massa metus id nunc. Duis scelerisque molestie turpis. Sed fringilla, massa eget luctus malesuada, metus eros molestie lectus, ut tempus eros massa ut dolor. Aenean aliquet fringilla sem. Suspendisse sed ligula in ligula suscipit aliquam. Praesent in eros vestibulum mi adipiscing adipiscing. Morbi facilisis. Curabitur ornare consequat nunc. Aenean vel metus. Ut posuere viverra nulla. Aliquam erat volutpat. Pellentesque convallis. Maecenas feugiat, tellus pellentesque pretium posuere, felis lorem euismod felis, eu ornare leo nisi vel felis. Mauris consectetur tortor et purus.</p>
											</div>
											<div id="header_tabs-3" class="header_tabs">
												<p>Mauris eleifend est et turpis. Duis id erat. Suspendisse potenti. Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum erat, eu congue orci lorem eget lorem. Vestibulum non ante. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce sodales. Quisque eu urna vel enim commodo pellentesque. Praesent eu risus hendrerit ligula tempus pretium. Curabitur lorem enim, pretium nec, feugiat nec, luctus a, lacus.</p>
											</div>
										</div>
									</td>
									<td width="400px;">
										<div id="tabs2" style="float:left;position: relative;">
											<ul>
												<li><a href="#header_tabs-1s">活跃之星</a></li>
											</ul>
											<div id="header_tabs-1s" class="header_tabs">
												<p>Proin elit arcu, rutrum commodo, vehicula tempus, </p>
											</div>
										</div>
									</td>
								</tr>
							</table>
						</td>
						<td style="width: 10%;"></td>
					</tr>
				</table>
			</td>
		</tr>
		<tr style="width: 100%;">
			<td style="width: 100%;">
				<table style="width: 100%;">
					<tr>
						<td style="width: 10%;"></td>
						<td style="width: 80%;">
							<div id="accordion">
								<h3>每日签到</h3>
								<div>
									<p>Mauris mauris ante, blandit et, ultrices a, susceros. Nam mi. Proin viverra leo ut odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.</p>
								</div>
								<h3>漂亮美眉</h3>
								<div>
									<p>Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In suscipit faucibus urna. </p>
								</div>
								<h3>老兵俱乐部</h3>
								<div>
									<p>Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis. Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui. </p>
									<ul>
										<li>List item</li>
										<li>List item</li>
										<li>List item</li>
										<li>List item</li>
										<li>List item</li>
										<li>List item</li>
										<li>List item</li>
									</ul>
								</div>
								<h3>交友论坛</h3>
								<div>
									<p>Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis. Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui. </p>
									<ul>
										<li>List item</li>
										<li>List item</li>
										<li>List item</li>
										<li>List item</li>
										<li>List item</li>
										<li>List item</li>
										<li>List item</li>
									</ul>
								</div>
								<h3>上海滩</h3>
								<div>
									<p>Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis. Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui. </p>
									<ul>
										<li>List item</li>
										<li>List item</li>
										<li>List item</li>
										<li>List item</li>
										<li>List item</li>
										<li>List item</li>
										<li>List item</li>
									</ul>
								</div>
								<h3>服务区</h3>
								<div>
									<p>Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis. Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui. </p>
									<ul>
										<li>List item</li>
										<li>List item</li>
										<li>List item</li>
										<li>List item</li>
										<li>List item</li>
										<li>List item</li>
										<li>List item</li>
									</ul>
								</div>
							</div>
						</td>
						<td style="width: 10%;"></td>
					</tr>
				</table>
			</td>
		</tr>
		<tr style="width: 100%;">
			<td style="width: 100%;">
				<jsp:include page="/commonjsp/footer.jsp"></jsp:include>
			</td>
		</tr>
	</table>
</body>
</html>
